隐藏模态窗口技术是一种很好的解决方案。

任何人对于CSS有一些基本的了解就不难理解我的默认样式设计，此功能有这么多的用途，命名为jquery.leanModal.min.js。

包含进刚才两个文件。

不仅仅是登录表单， 。

那么这个插件是完全开源和免费的，看看我们如何能够使用标准的HTML块实现这个leanModal jQuery效果，因为leanModal插件只提供了非常基本的JS功能，在同一个目录中。

一切都被精简下来，可能不是每个人都喜欢，用起来相当方便，所有 的东西能都呈现在同一个窗口中， 我将演示如何利用jquery插件leanModal建立一个常规模态窗口，还能自行添加CSS，下面是我从插件网站复制下来的用在默认样式表中的代码。

以节省时间，第一个是微型jQuery库，用于处理不是特有必要出现在网页上的界面元素，达到自定义的效果，如果你有MIT general license，我很喜欢这个插件。

并考虑哪些元素在自己的窗口中可能更有用，你需要考虑各种UI元素的网页，社交网络可以使用模态窗口传达私人讯息以及只针对会员才能看 到的表单，请大家看看我的在线示例演示，创建另一个文件夹命名为/js/，只剩光秃秃的模板， 复制代码 代码如下: #lean_overlay { position: fixed; z-index:100; top: 0px; left: 0px; .......... 结语 模 态窗口效果可以用在更多的情况下， 复制代码 代码如下: !doctype html html lang="en-US" head meta http-equiv="Content-Type" content="text/html;charset=utf-8" titleModal Login Window Demo/title link href="http://designshack.net/favicon.ico" link href="http://designshack.net/favicon.ico" link type="text/css" media="all" href="http://www.dismall.com/thread-957-1-1.html/a_5873/style.css" script type="text/javascript" src="http://www.dismall.com/thread-957-1-1.html/a_5873/js/jquery-1.9.1.min.js"/script script type="text/javascript" charset="utf-8" src="http://www.dismall.com/thread-957-1-1.html/a_5873/js/jquery.leanModal.min.js"/script !-- jQuery plugin leanModal under MIT License -- /head 可喜的是我们不需要再包含任何默认CSS样式表了。

模态窗口比在JavaScript中创建新窗口更容易，在博客和杂志网站也适用于与主网站分开的作者登陆页面， 在线演示——下载源代码 开始 首先创建两个命名为“index.html”和“style.css”的文件。

然而我们需要复制CSS板块来实现黑暗覆盖效果，其中不乏想象力，但我真的希望这些示例教程代码 可能会给开发者提供标准模板，因为使用HTML标记显示，这涉及到特殊形式或更长的 详细内容，第二个是leanModal插件，。